import React from 'react'
import {Avatar, Divider} from 'antd'
import '../public/style/components/author.css'
import {GithubOutlined, QqOutlined, WechatOutlined} from '@ant-design/icons'

const Author = () => {
	return (
		<div className='author-div comm-box'>
			<div>
				<Avatar size={100} src="http://www.axitalk.com/wp-content/uploads/2019/08/2019080615173655.jpg"/>
			</div>
			<div className='author-introduction'>
				个人站长，专注于WEB和移动前端开发，流量增长。此时无能为力，此心随波逐流。
				<Divider>社交账号</Divider>
				<Avatar size={28} icon={<GithubOutlined/>} className="account"/>
				<Avatar size={28} icon={<QqOutlined/>} className="account"/>
				<Avatar size={28} icon={<WechatOutlined/>} className="account"/>
			</div>
		</div>
	)
}

export default Author